<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>慕课网-程序员的梦工厂</title>
    <style>

    </style>
    <link rel="shortcut icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./icon-xx.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./max1480.css">
    <link rel="stylesheet" href="./max1270.css">
</head>

<body>
    <header class="header">
        <div class="container clearfix">
            <div class="logo">
                <a href="javascript:">
                    <img src="./img/logo.png" alt="慕课网" title="慕课网">
                </a>
            </div>
            <ul class="nav-list clearfix">
                <li class="nav-item">
                    <a href="javascript:">免费课程</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">实战课程</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:" class="new">金职位</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:" class="new">专栏</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">猿问</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:" class="new">手记</a>
                </li>
            </ul>
            <div class="search">
                <div class="search-area">
                    <input type="text" class="search-input" placeholder="请输入关键字...">
                    <button class="search-btn">
                        <i class="icon-fangdajing"></i>
                    </button>
                    <div class="search-hotwords">
                        <span>Vue</span>
                        <span>Python</span>
                    </div>
                </div>

            </div>
            <div class="info">
                <ul class="info-list clearfix">
                    <li class="download">
                        <a href="javascript:">下载APP</a>
                    </li>
                    <li class="cart">
                        <a href="javascript:">
                            <i class="icon-cart"></i>
                            购物车
                        </a>
                    </li>
                    <li class="login">
                        <a href="javascript:" class="signin">登录</a>/
                        <a href="javascript:" class="signup">注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <main class="main">
        <div class="bg01">
            <div class="container">
                <div class="carousel-con">
                    <div class="carousel">
                        <div class="menu-con">
                            <ul class="menu-list">
                                <li class="menu-item">
                                    <a href="javascript:">前沿 / 区块链 / 人工智能</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:">前端 / 小程序 / JS</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:">后端 / JAVA / Python</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:">移动 / Android / iOS</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:">云计算 / 大数据 / 容器</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:">运维 / 测试 / 数据库</a>
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:">UI设计 / 3D动画 / 游戏</a>
                                </li>
                            </ul>
                        </div>
                        <div class="banner-con">
                            <ul class="banner-list">
                                <li class="banner-item active">
                                    <a href="javascript:">
                                        <img src="./img/5df35c87000115ef18720764.jpg" alt="">
                                    </a>
                                </li>
                                <li class="banner-item">
                                    <a href="javascript:">
                                        <img src="./img/5e4facf10001a36618720764.jpg" alt="">
                                    </a>
                                </li>
                                <li class="banner-item">
                                    <a href="javascript:">
                                        <img src="./img/5e5c634e0001993618720764.jpg" alt="">
                                    </a>
                                </li>
                                <li class="banner-item">
                                    <a href="javascript:">
                                        <img src="./img/5e59d4c600017cc318720764.jpg" alt="">
                                    </a>
                                </li>
                                <li class="banner-item">
                                    <a href="javascript:">
                                        <img src="./img/5e52a79d0001e35718720764.jpg" alt="">
                                    </a>
                                </li>
                                <li class="banner-item">
                                    <a href="javascript:">
                                        <img src="./img/5e52a74200016f6218720764.jpg" alt="">
                                    </a>
                                </li>
                            </ul>
                            <span class="btn prev">
                                <i class="icon-prev"></i>
                            </span>
                            <span class="btn next">
                                <i class="icon-next"></i>
                            </span>
                            <ul class="dots clearfix">
                                <li class="active"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 零基础就业 -->
                <div class="zero-basis">
                    <hgroup class="group clearfix">
                        <h2 class="tit">零基础就业</h2>
                        <p class="des">从入门到具备1年开发经验</p>
                    </hgroup>
                    <ul class="category">
                        <li class="category-item">
                            <a href="javascript:" class="clearfix">
                                <div class="con">
                                    <span class="logo" style="background-position-y: 0;"></span>
                                    <p class="tit">Web前端攻城狮</p>
                                    <p class="des">从未接触编程也可以学好</p>
                                </div>
                            </a>
                        </li>
                        <li class="category-item">
                            <a href="javascript:" class="clearfix">
                                <div class="con">
                                    <span class="logo" style="background-position-y: -50px;"></span>
                                    <p class="tit">Java攻城狮</p>
                                    <p class="des"> 综合就业排名第一</p>
                                </div>
                            </a>
                        </li>
                        <li class="category-item">
                            <a href="javascript:" class="clearfix">
                                <div class="con">
                                    <span class="logo" style="background-position-y: -100px;"></span>
                                    <p class="tit">Python攻城狮</p>
                                    <p class="des">从未接触编程也可以学好</p>
                                </div>
                            </a>
                        </li>
                        <li class="category-item">
                            <a href="javascript:" class="clearfix">
                                <div class="con">
                                    <span class="logo" style="background-position-y: -150px;"></span>
                                    <p class="tit">Abdroid攻城狮</p>
                                    <p class="des">从未接触编程也可以学好</p>
                                </div>
                            </a>
                        </li>
                        <li class="category-item">
                            <a href="javascript:" class="clearfix">
                                <div class="con">
                                    <span class="logo" style="background-position-y: -200px;"></span>
                                    <p class="tit">PHP攻城狮</p>
                                    <p class="des">从未接触编程也可以学好</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 职场提升 -->
                <div class="promote">
                    <hgroup class="group">
                        <h2 class="tit">职场提升</h2>
                        <p class="des">1年以上开发经验系统成长</p>
                    </hgroup>
                    <ul class="promote-list">
                        <li class="promote-item">
                            <a href="javascript:" style="background-image: url('./img/box-java1.png');"></a>
                        </li>
                        <li class="promote-item">
                            <a href="javascript:" style="background-image: url('./img/box-fe.png');"></a>
                        </li>
                        <li class="promote-item">
                            <a href="javascript:" style="background-image: url('./img/box-java2.png');"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bg02">
            <div class="container">
                <div class="newCourse">
                    <hgroup class="group">
                        <h2 class="tit">新上好课</h2>
                    </hgroup>
                    <ul class="course-list clearfix">
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5dce41e70819b56b06000338-360-202.jpg" alt="">
                                    <span class="hot"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title ellipsis-2">音视频基础知识和音视频开发入门</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5dde5881088dd8da06000338-360-202.jpg" alt="">
                                    <span class="hot"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">前端框架及项目面试 聚焦Vue/React/Webpack</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5be1091900014c8005400300-360-202.jpg" alt="">
                                    <span class="new"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">2020 重学C++ 重构你的C++知识体系</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5dce41e70819b56b06000338-360-202.jpg" alt="">
                                    <span class="hot"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">编程必备基础 计算机组成原理+操作系统+计算机网络</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5b5835a60001907e05400300-360-202.jpg" alt="">
                                    <span class="hot"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">音视频基础知识和音视频开发入门</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5d1032ab08719e0906000338-360-202.jpg" alt="">
                                    <span class="new"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">音视频基础知识和音视频开发入门</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5dce41e70819b56b06000338-360-202.jpg" alt="">
                                    <span class="hot"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">音视频基础知识和音视频开发入门</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/5e4f4f66098b14c512000676-360-202.png" alt="">
                                    <span class="hot"></span>
                                    <div class="mark-con">
                                        <span class="mark">iOS</span>
                                        <span class="mark">C</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h2 class="title">音视频基础知识和音视频开发入门</h2>
                                    <div class="des">
                                        <span class="level">入门</span>
                                        <span class="nums">
                                            <i class="icon-people"></i>16</span>
                                        <span class="eval">0人评价</span>
                                    </div>
                                    <div class="price">￥288.00</div>
                                </div>
                            </a>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </div>
        <div class="bg01">
            <div class="container">
                <div class="learningRoute">
                    <hgroup class="group clearfix">
                        <h2 class="tit">学习路线</h2>
                        <ul class="click-nav-list clearfix">
                            <li class="nav-item active">
                                <a href="javascript:" >热门</a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:" >前端</a>
                            </li>

                            <li class="nav-item">
                                <a href="javascript:">后端</a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:">移动端</a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:">计算机基础</a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:">大数据</a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:">测试</a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript:">人工智能</a>
                            </li>
                        </ul>
                        <a href="javascript:" class="more">
                            <span class="more">查看更多<i class="icon-next"></i></span>
                        </a>
                    </hgroup>
                    <ul class="route-list clearfix">
                        <li class="route-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <div class="up" style="background-image: url('./img/5d8b2a0608bd096301400140-140-140.jpg')"></div>
                                    <div class="mid" style="background-image: url('./img/5d8b2a0608bd096301400140-140-140.jpg')"></div>
                                    <div class="down" style="background-image: url('./img/5d8b2a0608bd096301400140-140-140.jpg')"></div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">计算机基础学习路线</h3>
                                    <p class="des ellipsis-3">本路线精选程序员必修的数学基础课和计算机基础核心知识，有序打基础职场走更远。
                                    </p>
                                    <div class="info">
                                        <span class="step">4步骤·5门课</span>
                                        <span class="people"><i class="icon-star"></i>9220人收藏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="route-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <div class="up" style="background-image: url('./img/5db92a5a082dd8df01400140-140-140.jpg')"></div>
                                    <div class="mid" style="background-image: url('./img/5db92a5a082dd8df01400140-140-140.jpg')"></div>
                                    <div class="down" style="background-image: url('./img/5db92a5a082dd8df01400140-140-140.jpg')"></div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">计算机基础学习路线</h3>
                                    <p class="des ellipsis-3">本路线精选程序员必修的数学基础课和计算机基础核心知识，有序打基础职场走更远。
                                    </p>
                                    <div class="info">
                                        <span class="step">4步骤·5门课</span>
                                        <span class="people"><i class="icon-star"></i>9220人收藏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="route-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <div class="up" style="background-image: url('./img/5db92a5a082dd8df01400140-140-140.jpg')"></div>
                                    <div class="mid" style="background-image: url('./img/5db92a5a082dd8df01400140-140-140.jpg')"></div>
                                    <div class="down" style="background-image: url('./img/5db92a5a082dd8df01400140-140-140.jpg')"></div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">计算机基础学习路线</h3>
                                    <p class="des ellipsis-3">本路线精选程序员必修的数学基础课和计算机基础核心知识，有序打基础职场走更远。
                                    </p>
                                    <div class="info">
                                        <span class="step">4步骤·5门课</span>
                                        <span class="people"><i class="icon-star"></i>9220人收藏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="route-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <div class="up" style="background-image: url('./img/5d8b2a0608bd096301400140-140-140.jpg')"></div>
                                    <div class="mid" style="background-image: url('./img/5d8b2a0608bd096301400140-140-140.jpg')"></div>
                                    <div class="down" style="background-image: url('./img/5d8b2a0608bd096301400140-140-140.jpg')"></div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">计算机基础学习路线</h3>
                                    <p class="des ellipsis-3">本路线精选程序员必修的数学基础课和计算机基础核心知识，有序打基础职场走更远。
                                    </p>
                                    <div class="info">
                                        <span class="step">4步骤·5门课</span>
                                        <span class="people"><i class="icon-star"></i>9220人收藏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bg02">
            <div class="container">
                <div class="hotCourse">
                    <hgroup class="group">
                        <h2 class="tit">热门课程</h2>
                        <i class="icon-question"></i>
                        <ul class="click-nav-list">
                            <li class="nav-item active">
                                <a href="javascript:">实战课程</a>
                            </li>
                            <li class="nav-item free">
                                <a href="javascript:">免费课程</a>
                            </li>
                        </ul>
                        <a href="javascript:" class="microLesson"></a>
                    </hgroup>
                    <ul class="course-list clearfix">
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/540e57300001d6d906000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">初识Python</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/57035ff200014b8a06000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">Java入门第一季</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/574669dc0001993606000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">C语言入门</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/529dc3380001379906000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">初识HTML+CSS</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/540e57300001d6d906000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">初识Python</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/57035ff200014b8a06000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">Java入门第一季</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/574669dc0001993606000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">C语言入门</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="course-item">
                            <a href="javascript:">
                                <div class="img-con">
                                    <img src="./img/529dc3380001379906000338-360-202.jpg" alt="">
                                    <div class="mark-con">
                                        <span class="mark">Python</span>
                                    </div>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">初识HTML+CSS</h3>
                                    <div class="des">
                                        <span>入门</span>
                                        <span><i class="icon-people"></i>730342</span>
                                        <p>学python入门视频教程，让你快速入门并能编写简单的Python程序</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bg01">
            <div class="container">
                <div class="specialColumn">
                    <hgroup class="group">
                        <h3 class="tit">慕课专栏</h3>
                        <span class="more">查看更多<i class="icon-next"></i></span>
                    </hgroup>
                    <ul class="column-list clearfix">
                        <li class="column-item clearfix">
                                <div class="img-con">
                                    <a href="javascript:">
                                        <img src="./img/5e46031300013da102940333.jpg" alt="">
                                    <span class="tryReading">试读</span>
                                    </a>
                                </div>
                                <div class="des-con">
                                    <h3 class="title ellipsis-2">
                                        <a href="javascript:">高薪之路--Python 面试题精选集</a>
                                    </h3>
                                    <p class="quantity">共58节 · 68人已购买</p>
                                    <p class="author text-ellipsis">
                                        <a href="javascript:" ><span>Jarvinia</span> / 资深Python工程师，全栈工程师</a>
                                    </p>
                                    <div class="price">
                                        <span class="sale">¥ 49.00</span>
                                        <del>原价 ¥ 68.00</del>
                                        <span class="discount">限时优惠</span>
                                    </div>
                                </div>
                        </li>
                        <li class="column-item clearfix">
                            <div class="img-con">
                                <a href="javascript:">
                                    <img src="./img/5e16e9730001c32802940333.jpg" alt="">
                                <span class="tryReading">试读</span>
                                </a>
                            </div>
                            <div class="des-con">
                                <h3 class="title ellipsis-2">
                                    <a href="javascript:">高薪之路--Python 面试题精选集</a>
                                </h3>
                                <p class="quantity">共58节 · 68人已购买</p>
                                <p class="author text-ellipsis">
                                    <a href="javascript:" ><span>Jarvinia</span> / 资深Python工程师，全栈工程师</a>
                                </p>
                                <div class="price">
                                    <span class="sale">¥ 49.00</span>
                                    <del>原价 ¥ 68.00</del>
                                    <span class="discount">限时优惠</span>
                                </div>
                            </div>
                    </li>
                    <li class="column-item clearfix">
                        <div class="img-con">
                            <a href="javascript:">
                                <img src="./img/5e2543b80001797a02940333.jpg" alt="">
                            <span class="tryReading">试读</span>
                            </a>
                        </div>
                        <div class="des-con">
                            <h3 class="title ellipsis-2">
                                <a href="javascript:">高薪之路--Python 面试题精选集</a>
                            </h3>
                            <p class="quantity">共58节 · 68人已购买</p>
                            <p class="author text-ellipsis">
                                <a href="javascript:" ><span>Jarvinia</span> / 资深Python工程师，全栈工程师</a>
                            </p>
                            <div class="price">
                                <span class="sale">¥ 49.00</span>
                                <del>原价 ¥ 68.00</del>
                                <span class="discount">限时优惠</span>
                            </div>
                        </div>
                </li>
                    </ul>
                </div>
            </div>
        </div>
    </main>
    <footer class="footer">
        <div class="container">
            <ul class="nav-list clearfix">
                <li class="nav-item">
                    <a href="javascript:">企业合作</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">人才招聘</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">联系我们</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">讲师招聘</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">帮助中心</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">企业合作</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">意见反馈</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">慕课大学</a>
                </li>
                <li class="nav-item">
                    <a href="javascript:">友情链接</a>
                </li>
            </ul>
            <p class="info">
                <span>©2020 imooc.com  京ICP备 12003892号-11</span>
                <a href="javascript:">
                    <i class="beian"></i>
                    <span>京公网安备11010802030151号</span>
                </a>
                <a href="javascript:">营业执照</a>
            </p>
            <div class="footer-link clearfix">
                <div class="link-item">
                    <a href="javascript:" class="icon-weixin">
                        <i class="QRcode"></i>
                    </a>
                    <span>官方公众号</span>
                </div>
                <div class="link-item">
                    <a href="javascript:" class="icon-weibo"></a>
                    <span>官方微博</span>
                </div>
            </div>
        </div>
    </footer>

    <ul class="elevator">
        <li>
            <a href="javascript:">
                <i class="icon-xinxi1"></i>
                <span>意见反馈</span>
            </a>
        </li>
        <li>
            <a href="javascript:">
                <i class="icon-wenhao1"></i>
                <span>帮助中心</span>
            </a>
        </li>
        <li>
            <a href="javascript:">
                <i class="icon-app"></i>
                <span>APP下载</span>
                <i class="QRcode"></i>
            </a>
        </li>
        <li>
            <a href="javascript:">
                <i class="icon-weixin"></i>
                <span>官方微信</span>
                <i class="QRcode"></i>
            </a>
        </li>
        <li class="return">
            <a href="javascript:">
                <i class="icon-xiangshang"></i>
                <span>返回顶部</span>
                
            </a>
        </li>
    </ul>

    <script src="./jquery-3.4.1.min.js"></script>
    <script src="./carousel.js"></script>
    <script src="./index.js"></script>
    <script>
       




    </script>
</body>

</html>